<template>
	<view class="content">
		
	
	<view class="main">
		<navgatsVue :navigationMsg="navigationMsg"></navgatsVue>
		<view class="curds_list">
			<view class="curd_toptit">
				{{data[id].title}}
			</view>
			<view class="curd_titlebtm">
				{{data[id].content}}
			</view>
		</view>
		<view class="ps_kf">
			没有解决您的问题？<span style="color: #F26662;font-size: 27rpx;" @click="kes">联系客服</span>
		</view>
	</view>
	</view>
</template>

<script>
	import {
		Collent,
		Details,
		Yzas,
		Swiper,
		Kewords,
		Brand,
		Page,
		Update,
		Issue,
		Logins,
		Login,
		Check,
		User,
		Setting,
		Classify,
		Search,
		
	} from "../../../../api/api.js"
	import navgatsVue from "../../../../common/navgats/navgats.vue"
	export default {
		data() {
			return {
				navigationMsg:{
					title:"2145343",
					bgColor:""
				},
				id:0,
				data:[],
				zexal:[]
			}
		},
		 onLoad(options) {
			this.changs(options.id)
		  },
		components:{
			navgatsVue
		},
		methods: {
			kes(){
				let canNavBack = getCurrentPages()
				if (canNavBack && canNavBack.length > 1) {
					uni.navigateBack()
				} else {
					history.back();
				}
			},
			async changs(id){
				console.log(id)
							let res=await Issue()
							this.navigationMsg={
								title:res.data.data[id-1].title,
								bgColor:""
							}
							this.id=id-1
							this.data=res.data.data
						}
		}
	}
</script>

<style lang="scss" scoped>
	*{
		font-size: 3vw;
	}
.content{
		width: 100vw;
		height: 100vh;
		/* position: absolute; */
		background-color: #F9F9F9;
		overflow-y: auto;
		
	}
	.main{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		
	}
	.curds_list{
		width: 90%;
		height:400rpx;
		// background-color: aqua;
		margin-top: 20rpx;
		border-radius: 20rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	.curd_toptit{
		width: 100%;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		font-size: 30rpx;
		font-weight: bold;
		background: linear-gradient(#FCD748, #FFFFFF );
	}
	.curd_titlebtm{
		width: 90%;
		height: 300rpx;
		// text-align: center;
		line-height: 27rpx;
		line-height: 40rpx;
	}
	.ps_kf{
		width: 90%;
		height: 100rpx;
		font-size: 28rpx;
		line-height: 100rpx;
		text-align: center;
		
	}
</style>
